
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */
#page1 {min-width:1022px;}
body{ 
  background:#f1f1f1; border:0;  
  /*color:#898989; */
  line-height:18px; 
  font: 14px/21px "宋体";
  color: #000000
}
/* font:12px Arial, Helvetica, sans-serif; */
.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width:1022px; position:relative}

.body1{ background:url(images/bg_top.gif) top repeat-x #fff;}
.body2{ background:#fafafa}
.body3 { border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; font:22px Tahoma,Verdana,STHeiTi,simsun,sans-serif; line-height:31px; color:#343637; padding-top:19px; padding-bottom:17px;}

/* ============================= main layout ====================== */

/*a{ color:#258ef6; text-decoration: none; outline:none}
a{ color:#22782E; text-decoration: none; outline:none}*/
a { color:#010101; text-decoration:none; }
a:hover { color:#4c7d08; text-decoration:underline; }

/*a:hover{ color:#000}*/
h1{ float:left; padding:12px 0 0 10px}

h2.title {height: 45px; margin-bottom: 45px; padding-bottom: 10px;font-size: 18px;}
h2.title2{
  color: #4C4C4C;
  font: bold 14px/25px "宋体";
  padding-bottom: 15px;
  text-align: center;
}
h2.title2 em{
	color: #B1B1B1;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}

h2.title3{
  color: #4A7F07;
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 1.2em;
  padding: 34px 0 23px;
}
h2.title-left {padding-bottom: 10px;font-size: 18px;}

h2.title-bg{background: url("/images/under-line.gif") repeat-x scroll 0 bottom transparent;}
h2.pad_bot1{ padding-bottom:29px;}
/*h2{ font-size:20px; line-height:1.2em; color:#555c61; padding:34px 0 23px 0; letter-spacing:-1px}*/

p{ padding-bottom:18px;}
/*--------------li----------------*/
li{
  list-style: none outside none;
}

.left-bar{
	float: left;
  width: 165px;
}

.sideUlList{
	 padding: 15px 0;
}

.sideUlList li {
    background: url("http://www.qiyipic.com/common/about_images/lidotBg.gif") no-repeat scroll 30px 13px transparent;
    border-bottom: 1px solid #E6E6E6;
    font-size: 14px;
    line-height: 30px;
    padding-top: 1px;
    text-indent: 45px;
}
/* ============================= header ====================== */


/*#page1 header{ height:562px;}*/
#page1 #header{ 
/*	height: auto !important;
	height: 562px;
	min-height: 562px;*/
	min-height: 562px;
	height: auto !important;
	height: 562px;
}
#page2 #header{
  height: 120px;
  height: expression(window.ActiveXObject ? "auto" : "120px")
}

#logo{ 
  display:block; 
  background:url(images/logo.png) no-repeat; 
  width:300px; 
  height: 96px; 
  text-indent:-9999px;
  *background: none;
  *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='/stylesheets/images/logo.png')
}


#menu { float:right; margin-right:-10px; position:relative; z-index:99}
#menu  li{ padding-left:1px; float:left; position:relative;}

#menu li a{ display:block; padding:66px 17px 30px 19px; font:18px Tahoma,Verdana,STHeiTi,simsun,sans-serif; color:#282827; line-height:1.2em; font-style:blod; letter-spacing:-1px;}
#menu li a{ padding:66px 15px 30px 17px;}

#menu a:hover{ background:url(images/menu_active.jpg) top repeat-x; color:#fff;text-decoration:none;}
#menu li.active a{ background:url(images/menu_active.jpg) top repeat-x; color:#fff;text-decoration:none;}
#menu .ul_1{ position:absolute; top:119px; width:103px; left:1px; display:none; padding:0 1px}
#menu .ul_1 li{ padding-bottom:2px; width:100%; position:relative}
#menu .ul_1 li a{ display:block; font:13px Tahoma,Verdana,STHeiTi,simsun,sans-serif; color:#2c2c2c; line-height:32px;  border:1px solid #e1e1e1; font-style:blod; padding:0 13px; background:url(images/menu_bg.gif) top repeat-x #eeeeee}
#menu .ul_1 .with_ul:hover a span{ background:url(images/menu_marker.gif) right 15px no-repeat; display:block;}
#menu .ul_1 li:hover > a{ background:#fff;}

#menu .ul_2{ position:absolute; top:0; left:105px; width:103px; display:none; padding:1px}

/* The Nivo Slider styles */
.slider_wrapper{ width:100%; overflow:hidden; height:392px; position:absolute; top:140px;}
.slider_left_marker{ background:url(images/marker_left.jpg) left 0 no-repeat;}
.slider_right_marker{ background:url(images/marker_right.jpg) right 0 no-repeat;}
#slider{ height:350px; width:940px !important; left:41px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute; top:154px;	z-index:99;	cursor:pointer;text-indent:-5000px; width:17px; height:22px;  display:block;}
.nivo-prevNav {left:-26px;}
.nivo-prevNav:hover{ background:url(images/marker_left_active.gif) no-repeat}
.nivo-nextNav {right:-26px;}
.nivo-nextNav:hover{ background:url(images/marker_right_active.gif) no-repeat}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{ position: absolute;z-index:99; left:429px; top:379px;}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; width:12px; height:12px; float:left; margin-right:8px; background:url(images/buttons.gif) no-repeat}
.nivo-controlNav a.active { background:url(images/buttons_active.gif) no-repeat}


/* ============================= content ====================== */

#content{padding-top:34px; width:100%; overflow:hidden; padding-bottom:45px;}

#page1 #content{padding-top:37px;}

figure{ padding-bottom:18px;}

.marg_right1{ margin-right:20px;}
.marg_right2{ margin-right:23px;}
.pad_bot1{ padding-bottom:20px; margin-top: 26px;} 
.marg_top1{ margin-top:3px;}
.pad_left1{ padding-left:40px;}

.font1, .font2, .font3{ font-size:20px; color:#258ef6; line-height:1.2em; padding:0 0 4px 0; display:block;}
.font-first { font-size:20px; color:#258ef6; line-height:1.2em; padding:0 0 4px 0; display:block;}
.font1 span, .font2 span, .font3 span{ display:block; margin-top:-4px;}
.font2{ font-size:18px; padding-top:3px; padding-bottom:6px;}


.link1{ display:inline; background:url(images/marker_1.gif) 0 5px no-repeat;}
.link1:hover{ background-image:url(images/marker_1_active.gif);}

.box1{ border:1px solid #e0e0e0;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(js/PIE.htc); position: relative;}
.box1 .pad{ border:1px solid #fff; background:#ebecec; padding:10px 0 10px 15px;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(js/PIE.htc); position: relative;height: 20px}

.box2{ border:1px solid #e0e0e0;behavior: url(js/PIE.htc); position: relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.box2 .pad{padding:21px 19px 16px 21px;behavior: url(js/PIE.htc); position: relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;border:1px solid #fff; background:url(images/box3_bg.gif) top repeat-x #ebeced;}
.box2.active .pad{ background:url(images/box3_bg_acitve.gif) top repeat-x #a4a4a4; color:#fff;}
.box2.active .pad .link1{ background-image:url(images/marker_1_onbox.gif);}
.box2.active .pad .link1:hover{ background-image:url(images/marker_1_active.gif);}
.box2 a{ margin-bottom:18px;}
.box2 p{ padding-bottom:2px}
.box2 strong{ font-size:13px;}

.carousel-box .inner1{ position:relative; width:100%; }
.gallery1{ width:420px; overflow:hidden; margin-left:20px;}
.gallery1 li{ float:left; margin-right:0; }

.inner1 .next{ position:absolute; z-index:10; top:96px; right:-2px; background:url(images/marker_right2.png) no-repeat; display:block; width:34px; height:34px;}
.inner1 .prev{ position:absolute; z-index:10; top:96px; left:0px; background:url(images/marker_left2.png) no-repeat; display:block; width:34px; height:34px;}
.inner1 .next:hover{ background:url(images/marker_right2_active.png) no-repeat}
.inner1 .prev:hover{ background:url(images/marker_left2_active.png) no-repeat}

.gallery1 img{ padding-bottom:19px;}
.gallery1 p{ padding:0 5px;}

.carousel-box .inner2{ position:relative; width:100%; overflow:hidden}
.gallery2{ width:420px; overflow:hidden; margin-left:38px;}
.gallery2 li{ float:left; width:170px; margin-right:15px;}
.gallery2 img{ padding-bottom:13px;}
.gallery2 p{ padding-bottom:0}
 
.inner2 .next{ position:absolute; z-index:10; top:57px; right:0px; background:url(images/marker_right3.gif) no-repeat; display:block; width:26px; height:105px;}
.inner2 .prev{ position:absolute; z-index:10; top:57px; left:1px; background:url(images/marker_left3.gif) no-repeat; display:block; width:26px; height:105px;}
.inner2 .next:hover{ background:url(images/marker_right3_active.gif) no-repeat}
.inner2 .prev:hover{ background:url(images/marker_left3_active.gif) no-repeat}


.news{ margin-top:-2px;}
.news li{ width:100%; overflow:hidden; padding-bottom:12px; border-bottom:1px solid #e8e8e8; padding-top:12px; font-style:bold}
.news li a{color:#22782E; background:url(images/marker2.gif) 0 5px no-repeat; font-size: 18px;padding-top: 20px;}
/*.news .date{ float:left; width:45px; height:51px; border:1px solid #dedede; background:url(images/calendar_bg.gif) top repeat-x #dedede; margin-right:15px; font-size:24px; color:#5f5f5f; line-height:1.2em; font-style:normal; text-align:center;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(js/PIE.htc); position: relative; letter-spacing:-1px; padding-top:4px;}*/

.news .date{ float:left; width:45px; height:51px; border:1px solid #dedede; background:url(images/calendar_bg.gif) top repeat-x #dedede; margin-right:15px; font-size:18px; color:#5f5f5f; line-height:1.2em; font-style:normal; text-align:center;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(js/PIE.htc); position: relative; letter-spacing:-1px; padding-top:4px;}
.news .date span{ display:block; margin-top:1px;}

.list1{ padding-right:24px;}
.list1 li{ margin-bottom:6px;border: 1px solid #fff;box-shadow: -0px -0px 1px #a4a4a4; -moz-box-shadow: -0px -0px 1px #a4a4a4; -webkit-box-shadow: -0px -0px 1px #a4a4a4; behavior: url(js/PIE.htc); position: relative; background:url(images/bg_box2.gif) top repeat-x #eeeeee;}
/*.list1 li a{ display:block;  font-size:18px; color:#555c61; line-height:38px; height:42px; padding:0 20px;}*/
.list1 li a{ display:block;  font-size:14px; color:#555c61; line-height:38px; height:42px; padding:0 20px;}
.list1 li a:hover{ background:url(images/bg_box2_active.gif) top repeat-x #30b2ff; color:#fff; text-decoration:none;}

.list2{ padding-bottom:18px; margin-top:-10px;}
.list2 li{ font-size:12px; line-height:29px;}
.list2 li a{ color:#258ef6; background:url(images/marker2.gif) 0 5px no-repeat; padding-left:20px;}
.list2 li a:hover{ color:#898989; text-decoration:none;}

.under{ border-bottom:1px solid #e8e8e8; margin-bottom:22px;}


/* article-list */
.article-list{

}
.article-list a{
	color: #4A7F07;
}
.article-list dt{
  font-size: 16px;
  font-weight: bold;
	padding-bottom: 10px;
}
.article-list dt a{
	width: 99%;
	
}
.article-list dt em{
	color: #B1B1B1;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-left: 30px;
}

.article-list p{
	font-size: 12px;
}

.article-list dd{
  color: #8A8A8A;
  padding-bottom: 10px;
}

.article-list dd p{
  font: 12px/25px "宋体";
  padding-bottom: 25px;
	word-spacing: -1px;
}

.article-content{}
.article-content p{
  font: 12px/25px "宋体";
  padding-bottom: 25px;
	word-spacing: -1px;
}

.article-content br{
  margin: 3px 0;
}

.category-tag{
	float: right;
	line-height: 25px;
	padding-left: 20px;
	width: 235px;
}

a.tag-title{
	background: none repeat scroll 0 0 #6CA620;
	border: 1px solid #41810A;
	color: #FFFFFF;
	display: inline-block;
	line-height: 12px;
	padding: 2px 3px;
	vertical-align: middle;
}

.list4{
	padding: 15px 11px 0;
  border-left: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  overflow: hidden;
}
.list4 li{
  border-bottom: 2px solid #F3F3F3;
  clear: both;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  padding-right: 8px;
  text-align: right;
  text-indent: 25px;
}

.list5{
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #F8F8F8;
	border-color: #DEDEDE;
	border-style: solid;
	border-width: 1px 1px 0;
}

.list5 dd a.selected, .list5 dd a.selected:hover {
    background: url("/images/list-selected.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #4B7E07;
    font-weight: bold;
    line-height: 42px;
    margin: -1px -11px 0 -1px;
    position: relative;
    text-decoration: none;
}

.list5 dd a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DEDEDE;
    border-style: solid;
    border-width: 1px 0;
    display: block;
    font-size: 14px;
    line-height: 42px;
    margin-top: -1px;
    padding-left: 30px;
}

.list6{
	background:#F8F8F8 none repeat scroll 0 0;
	border:1px solid #DEDEDE;
	float:left;
	overflow:hidden;
	width: 200px;
}
.list6 a{
	font-size:14px;
	padding-left: 12px;
}
.list6 li{
	border-bottom:1px solid #DEDEDE;
	height:33px;
	line-height:26px;
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 12px;
}

.list-image{
  padding: 0 15px 20px;
  width: 100%;
  float: left;
  padding: 10px 20px;
}

.list-image li{
 float: left;
 padding-bottom: 10px;
 width: 20%;
 text-align: center;
}
.show-image-list{
  padding: 0 15px 20px;
  width: 100%;
  float: left;
  padding: 10px 20px;
}

.show-image-list li{
 float: left;
 width: 14%;
}

.text{
  background: url("/images/input-bg.png") repeat-x scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #7D7D7D;
  font-family: Arial;
  height: 15px;
  outline: medium none;
  padding: 4px;
}

.submit{
  background: url("/images/input-bg.png") repeat-x scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #7D7D7D;
  font-family: Arial;
  outline: medium none;
  padding: 4px;
  height: 25px;
  width: 50px;
}

.num{
	background:transparent url(/images/number.png) no-repeat scroll 0 -44px;
	color:#000000;
	float:left;
	height:26px;
	padding-right: 9px;
	padding-left: 6px;
	text-align:center;
	width:16px;
}
.num-top3{
	background-position:0 0px;
	color:#FFFFFF;
}

.shares{
	float: right;
	width: 100%;
	
}

.dropcap_1{ width:51px; height:51px; float:left; margin-right:18px; background:url(images/dropcap_1.gif) no-repeat; margin-bottom:15px; font:41px "Arial Black", Gadget, sans-serif; color:#fff; line-height:51px; text-align:center}

* +html .dropcap_1 span{ display:block; margin-top:-4px;}
.dropcap_2{ width:53px; height:54px; font:36px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; text-align:center; margin-right:15px; float:left; background:url(images/dropcap2.gif) no-repeat; line-height:54px;}

.arrow_1{ background:url(images/arrow_1.gif) 170px 7px no-repeat; padding-top:17px;}
.arrow_2{ background:url(images/arrow_2.gif) 390px bottom no-repeat; padding-bottom:2px;}
.arrow_1 .font1{ padding-top:4px; padding-bottom:18px;}
.arrow_1 .font3{ padding-top:0px; padding-bottom:6px; overflow:hidden}
.arrow_1 .font2{ padding-top:5px; padding-bottom:22px;}

.cols{ width:180px; float:left;}

#page2 #content{ padding-bottom:49px;}
#page3 .box2{ margin-bottom:17px;}
#page3 #content{ padding-bottom:30px;}
#page4 figure{ padding-bottom:0px;}
#page5 figure{ background:#e6e7e7; float:left; padding:9px;}
#page5 .cols{ width:164px;}

/* ============================= footer ====================== */

/*footer { padding-top:16px; padding-bottom:16px; width:100%; overflow:hidden; line-height:21px; color:#616161}
footer a{ color:#616161}
footer a:hover{ color: #4A7F07; text-decoration:underline}*/

#footer {padding-top:16px; padding-bottom:16px; width:100%; overflow:hidden; line-height:21px; color:#616161; margin-bottom: 20px;margin-top: 0px;}
#footer a{ color:#616161}
#footer a:hover{ color: #4A7F07; text-decoration:underline}
#icons{ float: right;}
#icons li{ float:left; padding-left:5px;}

/* Tooltips */
.aToolTip {	border:1px solid #000; background: url(images/opacity_50_black.png) repeat; color:#fff;	margin:0; padding:2px 10px; font-size:11px;	}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }
a.aToolTipCloseBtn { display:block;	height:20px; width:20px; overflow:hidden;background: url(images/loading/close.gif) no-repeat;text-indent:-9999px;	outline:none; position:absolute; top:-15px;	right:-20px; }

/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;	display:block; background:#fff}
.lightbox-image img {position:relative;z-index:2;}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(images/magnify.png) no-repeat 50% 50%;z-index:1;}
.hide{ display:none; width:760px !important; overflow:hidden; position:relative !important}
.pp_inline .marg_right1{ margin-right:30px;}
.pp_inline p{ font:12px Arial, Helvetica, sans-serif; color:#898989; line-height:18px; padding-bottom:18px;}
.pp_inline h6{ font-size:13px; font-weight:bold; padding:15px 0 15px; color:#898989;}


table{
	width: 95%;	
}

table tr.tab th{
	background: url(images/bg_box2.gif);
	padding: 12px;
}
table td{
	height: 36px;
	overflow: hidden;
	padding: 10px;
}
table .number{
	text-align: center;
	width: 55px;
	color: #4A7F07 ;
	font-size: 14px;
}
table tr{
	 background: url("/images/under-line.gif") repeat-x scroll center bottom transparent;
}

table .cur_tr{
	background:url("/images/under-line.gif") bottom repeat-x #f3f3f3;
}

table.color-selection{
	width: 60%;
}

table.color-selection td{
	height: 0px;
	padding: 1px;
	border: solid 1px #FFFFFF;
}
table.color-selection tr{
	/**/
}


/* 按钮 */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #000;
	background-color: #FAFAFA;
	background-image: url("/images/bg_button.gif");
}

a.button1, input.button1 {
	border-color: #666666;
}

input.button3 {
	background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #666666;
	border: solid 1px;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #BC2A4D;
	color: #BC2A4D;
}

input.search {
	background-image: url("images/icon_textbox_search.gif");
}

input.disabled {
	color: #666666;
} 

/* Posting page styles
----------------------------------------*/

/* Buttons used in the editor */
#format-buttons {
	margin: 15px 0 2px 0;
}

#format-buttons input, #format-buttons select {
	vertical-align: middle;
}

/* Main message box */
#message-box {
	width: 80%;
	border: solid 1px #666666;
}

#message-box textarea {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	width: 100%;
	font-size: 1.2em;
	color: #333333;
}

/* Emoticons panel */
#smiley-box {
	width: 18%;
	float: right;
}

#smiley-box img {
	margin: 3px;
}
h2.left{
  font-size: 20px;
}
